<template>
  <div class="login_countain">
    <h3>欢迎新用户注册</h3>
    <van-field v-model="username" label="账号" required clearable />
    <van-field v-model="password" type="password" label="密码" required />
    <van-field v-model="password" type="password" label="确认密码" required/>
    <p>
      <van-button
        color="linear-gradient(to right, #DC7AE9, #C19BEE,#9EC5F5,#85E4FA)"
      >
        注册
      </van-button>
    </p>
    <p>
      <router-link to="/login">有账号了！去登陆</router-link>
    </p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      username: "",
      password: "",
    };
  },
  methods: {},
};
</script>
<style lang="scss">
.login_countain {
  p {
    text-align: center;
    button {
      width: 40%;
    }
  }
}
</style>